// 常用类
.custom-class {

  // 一些常用的类名
  .left {
    text-align: left
  }

  .right {
    text-align: right
  }

  .center {
    text-align: center
  }

  .overflow {
    overflow: hidden;
  }

  .silver {
    color: #8F9497 // 表单内label字体颜色
  }

  .darkgray {
    color: #666 // 比silver颜色略深
  }

  .red {
    color: red;
  }

  .no-space {
    // 不占空间
    position: relative;
    z-index: 1;
    height: 0
  }

  .no-wrap {
    white-space: nowrap;
  }

  .cursor {
    cursor: pointer
  }

  .ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    white-space: nowrap;
  }

  .ellipsis-two-line {
    height: 34px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }

  .min-height-100 {
    min-height: 100px;
  }

  .children-margin-top>div {
    margin-top: 15px;
  }

  .children-margin-bottom>div {
    margin-bottom: 15px;
  }

  .children-default-border .el-col>div {
    border: 1px solid;
  }

  .relative {
    position: relative;
  }
}

.custom-class;

// 自定义
i.custom-add-icon {
  border: 1px solid;
  border-radius: 2px;
  padding: 2px;
  background-color: white;
  margin-top: 11px;
}
